/* ### GLOBAL PROPERTIES ### */

html, body{
height:100%;
}

body{
background-position: 0 0;
background-repeat: repeat-x;
margin:0;
padding:0;
}

h1{
margin:0;
}

h2, h3{
margin:0;
padding:0;
}

h3{
padding:0;
margin:0;
}

.widgetBox h3{
text-transform:uppercase;
}

#sidebar h3, #toolbar h3{
border-bottom:1px solid #DFE7FF;
margin:10px 0 10px 0;
text-transform:uppercase;
}

/* ### PARAGRAPHS ### */

p{}

#posts p{
text-align:justify;
}

p.nomarg{
margin:0;
padding:0;
}

p.inline{
display:inline;
}

/* ### LINKS ### */

a{
text-decoration:none;
outline:none;
}

a:visited{}
a:visited:hover{}

a.help{
cursor:help;
}

a:hover, a:active, .main_item a, .main_item a:hover, .main_item a:visited:hover{}

table a{
display:block;
}

/* ### SPANS ## */

span.time{
padding-right:7px;
}

span.grey{}
.black{}

span.small{
font-size:10px;
}

span.close{
position:absolute;
top:5px;
right:5px;
}

blockquote{}

blockquote span {
padding: 0 48px;
line-height:1.5;
font-size:1.5em;
font-weight:bolder;
}

img{
border:none;
}

.clear{
clear:both;
}

.separator, .separator_dashed{
padding-top:5px;
border-top:1px solid #CCC;
margin-bottom:5px;
}

.separator_dashed{
border-top:1px dashed #CCC;
}

span.catSquare{
width:7px;
height:7px;
display:inline-block;
}

.tutorials{}
.web{}
.software{}
.hardware{}
.games{}

.bullit{
margin-right:5px;
}

code{
display:block;
border:1px dashed #444;
padding:10px;
margin:10px;
margin-bottom:-20px;
}

/* ### CONTAINERS ### */

#header{
height:32px;
margin:0 auto;
padding:10px 10px;
margin-bottom:20px;
position:relative;
}

#logo{
width:284px;
height:43px;
position:absolute;
top:10px;
left:0;
}

#topcontent{
margin:0 auto;
height:40px;
padding:20px 10px 0 10px;
}

#announce{
display:block;
background:#FEFF99 url('../images/announce.png') 10px 10px no-repeat;
border:1px dashed #CC9933;
padding:15px 10px 20px 60px;
clear:both;
float:left;
width:905px;
margin-bottom:20px;
position:relative;
}

div#quotes{
display:block;
border:1px solid #FFDACB;
padding:5px;
clear:both;
width:768px;
float:left;
}

div#quotes:hover{
border:1px solid #FFDA99;
}

#searchdiv{
float:left;
width:200px;
}

#search{
float:right;
}

#container{
width:1000px;
margin:0 auto;
border:2px solid #FFF;
border-bottom:none;
min-height:450px;
background:#FFF url(../images/header.gif) 0 0 repeat-x;
}

#glow{
padding:20px 0;
background:url('../images/light.gif') top no-repeat;
}

#content_container{
padding:30px 10px;
}

#showreal{
height:200px;
margin-bottom:20px;
position:relative;
}

#portintro{
width:960px;
height:30px;
background:url(../images/blopaqe.png) 0 0 repeat;
border-top:1px solid #FFF;
position:absolute;
left:0;
bottom:0;
padding:10px;
}

.main_item{
width:500px;
border-top:1px dotted #CCC;
border-bottom:1px dotted #CCC;
margin-bottom:10px;
padding:10px;
float:left;
}

.main_item:hover{}

.newsItem{
padding-bottom:40px;
text-align:justify;
}

img.main_thumb{
float:left;
width:70px;
height:70px;
margin-right:10px;
border:1px solid #0000FF;
}

.ads{
margin:5px 0 15px 0;
padding:5px 10px;
float:left;
}

.spinner{
background:url(../images/spinner.gif);
width:41px;
height:39px;
}

#main_page, #comments{
width:520px;
float:left;
margin:0 20px 0 0;
}

#posts{
width:648px;
float:left;
margin:0 20px 0 0;
}

#sidebar, #toolbar, #adminbar{
float:left;
width:426px;
margin:0 0 10px 14px;
}

#toolbar{
width:269px;
}

#adminbar{
width:269px;
text-align:right;
}

.sidebar_block{
width:425px;
margin-bottom:10px;
float:left;
}

#adminBar{
float:left;
width:150px;
}

.col1{
width:208px;
float:left;
}

.col2{
width:210px;
float:left;
margin-left:8px;
}

.left_block, .right_block{
float:left;
width:208px;
}

.right_block{
width:210px;
}

.boxitem_left{
float:left;
}

.inlinebox{
float:left;
padding:10px;
}

#comment_container{
padding:15px 0 10px 0;
margin-top:15px;
width:990px;
border-top:1px solid #DFE7FF;
}

#comments{
float:none;
}

.comment_header{
background:url('../images/graydient.png') 0 0 repeat-x;
padding:5px 10px 5px 10px;
margin-top:10px;
border:1px solid #666;
border-bottom:0px;
}

.comment_content{
padding:5px 10px 5px 10px;
border:1px solid #0000FF;
border-top:0px;
}

.widgetBox{
border:1px solid #CCC;
padding:2px;
}

.widgetBox_inner{
background:#DCEBFE url('../images/gradient2b.gif') 0 0 repeat-x;
padding:10px;
padding-top:3px;
}

.infobox{
padding:0;
margin:0;
}

#avatar, #avatar_left{
width:100px;
float:right;
border:1px solid #0000FF;
margin:10px;
}

#avatar{
margin-right:0;
}

#avatar_left{
float:left;
margin-left:0;
}

#foot_container{
width:1004px;
margin:0 auto;
border-top:1px solid #CCC;
}

#prefooter{
padding:20px 10px;
text-align:center;
}

#footer{
text-align:center;
height:88px;
background:url('../images/footer.jpg') 0 0 no-repeat;
}

/* ### BACK-END/INPUTS ### */

form.softForm{
margin-top:20px;
}

form.cms_form_edit{
float:left;
width:600px;
padding:10px;
}

.comment_form{
margin-top:40px;
}

.inputtxt, .idleField, .inputtxt_title, .inputtxt_login{
border:solid 2px #DFDFDF;
padding:4px;
}

.idleField, .focusField{
width:180px;
height:18px;
}

.focusField{
border:solid 2px #73A6FF;
padding:4px;
}

.inputtxt{
width:578px;
}

.inputtxt_title{
width:578px;
font-size:1.5em;
font-weight:bolder;
}

.inputtxt_login{
width:260px;
margin-bottom:10px;
}

.cms_txtarea, .comment_txtarea{
width:578px;
border:solid 2px #DFDFDF;
}

.comment_txtarea{
width:646px;
background:url(../images/comment_input_bg.png) 0 0 repeat-x;
min-height:100px;
}

input.inputtxt_red{
width:50%;
margin-bottom:7px;
}

input.inputtxt_red{
border:1px dashed #FF0000;
}

fieldset{
margin:0;
padding:0;
font:80%/1 sans-serif;
border:none;
}

label{
float:left;
width:15%;
margin-right:0.5em;
padding-top:0.2em;
text-align:right;
font-weight:bold;
}

/* ### START OF WALLPAPER GALLERY ### */
.album-wrapper .photo{
width:81px;
text-align:left;
vertical-align:middle;
float:left;
}

.album-wrapper .photo img{
border:none;
}

.album-wrapper .photo small{
font-size:0.9em;
}
/* ### END OF WALLPAPER GALLERY ### */
